@charset "UTF-8";
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;padding:0;margin:0;overflow:hidden}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl].slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-slide:focus{outline:0}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(../../../templates/M1156005XiuGai0502/min/widget/slick-carousel/images/ajax-loader.gif) center center no-repeat}.slick-next,.slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;margin-top:-10px;font-size:0;line-height:0;color:transparent;cursor:pointer;background:0 0;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:"Web Icons";font-size:20px;line-height:1;color:#e4eaec;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"\f17d"}[dir=rtl] .slick-prev:before{content:"\f17c"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"\f17c"}[dir=rtl] .slick-next:before{content:"\f17d"}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-30px;display:block;width:100%;padding:0;margin:0;text-align:center;list-style:none}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;padding:0;margin:0 5px;cursor:pointer}.slick-dots li button{display:block;width:20px;height:20px;padding:5px;font-size:0;line-height:0;color:transparent;cursor:pointer;background:0 0;border:0;outline:0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;width:20px;height:20px;font-family:"Web Icons";font-size:6px;line-height:20px;color:#ccd5db;text-align:center;content:"\f1aa";opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#ccd5db;opacity:.75}
/*new*/
.slick-prev,.slick-next{z-index:1; width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,.1);
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.slick-prev{left:1%;}
.slick-next{right:1%;}
.slick-next:before, .slick-prev:before{/*font-size:16px; line-height:40px; text-align:center;*/ content: ''; width: 40px; height: 40px; background: url(/public/images/arror-right-w.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 35% auto; background-position-x: 15px;}
.slick-prev:before{ background-image: url(/public/images/arror-left-w.png); background-position-x: 11px;}
.slick-prev:hover,.slick-next:hover{background:#0f5a97;
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s}
.slick-dots{bottom:3%;}
.slick-dots li{width:auto; height:0; margin:0 5px;}
.slick-dots li button{width:25px; height:4px; padding:0; background:rgba(255,255,255,.5); border-radius:4px; box-shadow: 0 0 5px  rgba(0,0,0,0.1);
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.slick-dots li.slick-active button{ background:#0f5a97;
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.slick-dots li button:before{display:none;}

.slick-list, .slick-track { height: 700px; }
.slick-slider{margin-bottom:0;}
.met-banner { width: 100%; height: 700px; position: relative; }
.met-banner a { display: block; overflow: hidden; width: 100%; height: 100%; background-position: center; background-size: cover; position: relative;
-webkit-transition:.3s}
.met-banner .container { position: relative; height: 100%; text-align: center; }
.met-banner span { display: block; position: absolute; }
.met-banner span.p-1 { left: 15px; top: 40%; text-align: left; }
.met-banner span.p-2 { right: 15px; top: 40%; text-align: right; }
.met-banner span.p-3 { top: 10%; left: 0; right: 0; }
.met-banner span.p-4 { top: auto; bottom: 10%; left: 0; right: 0; }
.met-banner span.p-5 { top: 40%; left: 0; right: 0; }
.met-banner span h3 { font-size: 30px; font-weight: 300; margin: 0px; color:#fff; text-shadow:0 0 15px rgba(0,0,0,1);}
.met-banner span p { font-size: 36px; font-weight: 300; margin: 0px; text-shadow: none; color:#fff; text-shadow:0 0 15px rgba(0,0,0,1);} 
.slick-track{}
.met-banner .slick-current span h3 {
-webkit-animation: slidetop  1.3s; 
animation: slidetop  1.3s;}
.met-banner .slick-current span p {
-webkit-animation: slidebottom 1.3s; 
animation: slidebottom 1.3s;}
@-webkit-keyframes slidetop { 
0% {-webkit-transform:translateY(-50px); opacity:0;}
100% {-webkit-transform:translateY(0); opacity:1;}
}
@keyframes slidetop { 
0% {transform:translateY(-50px); opacity:0;}
100% {transform:translateY(0); opacity:1;}
}
@-webkit-keyframes slidebottom { 
0% {-webkit-transform:translateY(50px); opacity:0;}
100% {-webkit-transform:translateY(0); opacity:1;}
}
@keyframes slidebottom { 
0% {transform:translateY(50px); opacity:0;}
100% {transform:translateY(0); opacity:1;}
} 
@media (max-width: 768px) {
.met-banner span h3 { font-size: 20px; }
.met-banner span p { font-size: 26px; }
}
.met-banner-ny { background-color: #d80808; height: 120px; }
@media (max-width: 768px) {
.met-banner-ny { height: 90px; }
}
.met-banner-ny h1, .met-banner-ny h2 { color: #fff; font-size: 35px; font-weight: 300; padding: 10px 30px; margin: 0px; text-shadow: none; }
@-webkit-keyframes SlickIn { 
0% {-webkit-transform:scale(1.3, 1.3);}
100% {-webkit-transform:scale(1, 1);}
}
@-webkit-keyframes SlickOut { 
0% {-webkit-transform:scale(1, 1);}
100% {-webkit-transform:scale(.7, .7);}
}
@keyframes SlickIn { 
0% {transform:scale(1.3, 1.3);}
100% {transform:scale(1, 1);}
}
@keyframes SlickOut { 
0% {transform:scale(1, 1);}
100% {transform:scale(.7, .7);}
}
@media (min-width: 768px) {
.met-banner .slick-slide { -webkit-animation: SlickOut cubic-bezier(1, 0, .5, .5) 1s; animation: SlickOut cubic-bezier(1, 0, .5, .5) 1s; }
.met-banner .slick-current { width: 100%; height: 100% !important; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; }
}
.breadcrumb>li+li:before{ color:#777; }
.nav-tabs-line>li.active>a, .nav-tabs-line>li.active>a:focus, .nav-tabs-line>li.active>a:hover{color:#5a5a5a; border-bottom-color:#7bc91e; font-size:16px;}

.i-title{ text-align: center; padding-top: 70px;}
.i-title h3{ font-weight:normal; font-size: 30px;color:#3C3C3C; line-height: 1.9;}
.i-title .hr{ width: 50px; height: 2px; background: #BD0306; margin: 0 auto;}
.i-title .sum{ font-size: 13px; color:#898989; line-height: 1.5; padding:10px 0; }

.i-03{ padding-bottom: 50px; margin: 0 -15px;}
.i-03 .item{ width: 399px; margin: 15px 10px;}
.i-03 .item .thumb{ width: 399px; height: 200px;}
.i-03 .i-case .item .txt{ width: 369px;}
@media only screen and (max-width: 768px){
.i-03{ padding-bottom: 20px; margin: 0;}
.i-03 .item{ margin: 5px 0; width: 100%;}
.i-03 .item .thumb{ width: 100%; height: auto;}
}

.index-video{ height: 480px; padding-top: 150px;}
.video-box{ width: 672px; height: 378px; float: right; position: relative;}
.video-box iframe,
.video-box video,
.video-box img{ width: 672px; height: 378px; position: absolute; z-index: 0;}
.video-box img{ display: block; width: 100%; height: 100%; position: absolute; z-index: 1;}
.video-ico{ background: url(/upload/201809/180907-0211033.png) center no-repeat; width: 672px; height: 378px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer;}
.video-txt{ float: left; width: 490px;}
.video-txt *{ color:#FFF; line-height: 2;}
.video-txt h3{ font-size: 40px; height: 65px; line-height: 55px; font-weight: 100;}
@media only screen and (max-width: 768px){
.index-video{ height: auto; padding: 1px 0;}
.video-box,.video-box video{ width: 100%; height: auto; }
.video-txt{ width: 95%; margin-left: 2.5%; height: auto;}
.video-box img{ width: 95%; height: auto; position:relative; z-index: 1; padding: 10px 2.5%;}
}
.i-case{ padding-top: 0;}